<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 网易邮箱登录 </title>
    <link rel="stylesheet" href="./css/zuoye.css">
</head>
<body>
    <head>
        <img src="./img/163logo.gif" alt="">
        <br>
        <br>
        <div>
        <a class="a" href="#">免费邮</a>
        <a class="a" href="#">企业邮</a>
        <a class="a" href="#">VIP邮箱</a>
        <a class="a" href="#">帮助</a>
        </div>
        
    </head>

    <section class="section">
        <br>
        <img src="./img/imap.jpg" alt="">
        <br>
        <ul>
            <li class="li">163/126/yeah三大免费邮箱均默认开放</li>
            <li class="li">全面支持iPhone/iPad及Android等系统</li>
            <li class="li">客户端、手机与网页，实现发送、阅读邮件</li>
        </ul>
        <a class="b" href="">立即同步普通登录手机号登录</a>
        <br>
        <br>
        <form action="" method="">
            <h2>
                <img src="./img/loginIcon.gif" alt="">
                普通登录
            </h2>
            <div>
                <label for="">用户名：</label>
                <input class="text" type="text">@163.com
            </div>
            <br>

            <div>
                <label for="">密码：</label>
                <input class="password" type="password">
            </div>
            <br>

            <div>
                <label for="">版本：</label>
                <select name="版本" id="">
                    <option value="mr">默认</option>
                    <option value="js">极速</option>
                </select>
            </div>
            <br>

            <div>
                <input id="zddl" name="dlfs" type="radio" value="zddl"><label for="zddl">自动登录</label>
                <input id="SSL" name="dlfs" type="radio" value="SSL" checked><label for="SSL">SSL</label>
            </div>
            <br>
        </form>
    </section>

    <footer class="footer">
        <img src="./img/netease_logo.gif" alt="">
        <a class="c" href="#">关于网易</a>
        <a class="c" href="#">免费邮</a>
        <a class="c" href="#">官方博客</a>
        <a class="c" href="#">客户服务</a>
        <a class="c" href="#">隐私政策</a> | 
        <a class="c" href="#">网易公司版权所有&copy;1997-2011</a>
    </footer>
</body>
</html>